<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>我的</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<link href="../../../css/mui.css" rel="stylesheet"/>
	<link href="../../../css/app.css" rel="stylesheet"/>
	<style type="text/css">
		#body {
			margin: 20% auto;
			width: 80%;
			text-align: center;
		}
		#signDiv {
			margin: 0 auto;
			padding-top: 80px;
			width: 200px; height: 200px;
			background: #ADD8E6;
			border: 5px solid #B0E0E6;
			border-radius: 200px;
			font-size: 16px;
			color: #4169E1;
			/* line-height: 200px; */
			box-shadow:0px 0px 20px #CCCCCC;
		}
		.small {
			margin-top: 100px;
		}
	</style>
</head>
<body>
	<!-- 头部TITLE -->
	<header class="mui-bar mui-bar-nav">
		<span class="mui-icon mui-icon-back" 
			onclick="jumpToReward()"></span>
		<h1 class="mui-title">签到</h1>
		<span class="mui-icon mui-icon-list 
			app-list-right" 
			onclick="jumpToRewardSignList()"></span>
	</header>
	<!-- 头部TITLE -->
	
	<!-- 主体部分 -->
	<div style="height: 100px;"></div>
	<div id="body">
		<div id="signDiv" onclick="setSign()"></div>
		<p class="small">
			每小时可以签到一次
			<br>
			获取随机奖励
		</p>
	</div>
	<!-- 主体部分 -->
	
	<!-- 底部菜单 -->
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item" onclick="jumpToIndex()">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToMarket()">
			<span class="mui-icon mui-icon-download"></span>
			<span class="mui-tab-label">库</span>
		</a>
		<a class="mui-tab-item mui-active" onclick="jumpToReward()">
			<span class="mui-icon mui-icon-spinner-cycle"></span>
			<span class="mui-tab-label">奖励</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToMy()">
			<span class="mui-icon mui-icon-contact"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
</body>
</html>





<script src="../../../js/mui.js"></script>
<script src="../../../js/app.js"></script>
<script src="../../../js/views/view.js"></script>
<script src="../../../js/views/rewSignAdd.js"></script>
<script type="text/javascript">
	mui.plusReady(function () {
		// 初始化
		mui.init({
			//下拉、上拉刷新
			pullRefresh: {
				container: "#refresh",
				down: { //下拉刷新
					style: "circle",
					height: 50,
					auto: true,
					callback: async function () { 
						jumpToRewardSignAdd();
					}
				}
			}
		});
		// 自动获取
		(function($, owner) {
			getSignOne();
		}(mui, window.app = {}));
	});
</script>